<template>
  <div class="frame">
    <headerTop class="header-top"></headerTop>
    <div class="content-botton">
        <leftMenu class="left-menu"></leftMenu>
        <div class="right-content">
            <headBox class="header-box"></headBox>
            <div class="content">
              <transition>
                <keep-alive :include="keepLiveInclude">
                  <router-view></router-view>
                </keep-alive>
              </transition>
            </div>
        </div>
    </div>
  </div>
</template>

<script>
import {mapGetters} from 'Vuex';
import leftMenu from './leftMenu/LeftMenu';
import headerTop from './headerTop/headerTopLogic';
import headBox from './rightContent/head/HeadBox';

export default {

  components: {
    leftMenu,
    headerTop,
    headBox// name
  },
  name: "frameView",
  props: {
    // msg: String //  [name: typeof]
  },
  filters: {

  },
  computed: {
    ...mapGetters(['keepLiveInclude'])
  },
  watch: {

  },
  data() {
    return {

    }
  },
  created() {

  },
  mounted() {

  },
  methods: {

  },
  destroyed() {

  }
}
</script>

<style lang="less">
    @import url("./frame");
</style>
